<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html   xmlns="http://www.w3.org/1999/xhtml"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:rich="http://richfaces.org/rich"
        xmlns:a4j="http://richfaces.org/a4j"
        xmlns:f="http://xmlns.jcp.org/jsf/core">
    
    <h:head>
                <title><ui:insert name="title"><ui:insert name="title">Title</ui:insert></ui:insert></title>
        <h:outputStylesheet>
            .leftmenu, .rightmenu {
                width: 200px;
            }

            .contentplace, .leftmenu, .rightmenu {
                vertical-align: top;
            }
        </h:outputStylesheet>
    </h:head>
    <h:body>
        
        <rich:panel id="gemeinsam">
            <h:outputText value="Counter: "/>
            <h:outputText value="#{indexService.counter}"/>
        </rich:panel>
        
        <rich:panel header="Menü">
            <h:form>
                <h:panelGrid columns="4">
                    <a4j:commandButton value="Home" render="page, gemeinsam" action="#{indexService.putPageVisibleHome()}"/>
                    <a4j:commandButton value="Tour" render="page, gemeinsam" action="#{indexService.putPageVisibleTour()}"/>
                    <a4j:commandButton value="Members" render="page, gemeinsam" action="#{indexService.putPageVisibleMembers()}"/>
                    <a4j:commandButton value="Impressum" render="page, gemeinsam" action="#{indexService.putPageVisibleImpressum()}"/>
                </h:panelGrid>
            </h:form>
        </rich:panel>
        
        <h:panelGroup id="page">
            <rich:panel header="Home" rendered="#{indexService.pageVisibleHome}">
                <ui:include src="home.xhtml"/>
            </rich:panel>
            <rich:panel header="Tour" rendered="#{indexService.pageVisibleTour}">
                <ui:include src="tour.xhtml"/>
            </rich:panel>
            <h:panelGroup rendered="#{indexService.pageVisibleMembers}">
                <ui:include id="lamembers" src="members.xhtml"/>
            </h:panelGroup>
            <rich:panel header="Impressum" rendered="#{indexService.pageVisibleImpressum}">
                <ui:include src="impressum.xhtml"/>
            </rich:panel>
        </h:panelGroup>
        
    </h:body>
</html>